body {
    .page-group {
        top: 286/40rem;
        height: 79%;
        
    }
    //定级前开始
    .dingji {
        width: 100%;
        height: 286/40rem;
        background: #3F4357;
        border-bottom: 5/40rem solid #3B9CE0;
        padding-top: 46/40rem;
        div:nth-child(1) {
            font-size: 30/40rem;
            color: #FFFFFF;
            text-align: center;
        }
        div.progress {
            width: 260/40rem;
            height: 16/40rem;
            border-radius: 8/40rem;
            background: #ECEFF4;
            margin: 20/40rem auto;
            span {
                background: #3B9CE0;
                display: block;
                height: 100%;
                border-radius: 8/40rem;
            }
        }
        div:nth-child(3) {
            display: flex;
            justify-content: center;
            align-items: center;
            p {
                font-size: 24/40rem;
                color: #fff;
                margin: 0 43/40rem;
                span:nth-child(1) {
                    font-size: 30/40rem;
                    span {
                        font-size: 24/40rem;
                    }
                }
            }
            p:nth-child(1) {
                color: #F0364C;
            }
            p:nth-child(2) {
                color: #3EB581;
            }
        }
        div:nth-child(4) {
            display: flex;
            justify-content: space-between;
            p {
                font-size: 24/40rem;
                color: #7E8691;
                span {
                    font-size: 26/40rem;
                    color: #FFFFFF;
                    margin-left: 15/40rem;
                }
            }
            p:nth-child(1) {
                margin-left: 26/40rem;
            }
            p:nth-child(2) {
                margin-right: 26/40rem;
            }
        }
    }
    //定级前结束
    
    
    
    //定级后开始
    .dingjiend {
        width: 100%;
        height: 286/40rem;
        background: #3F4357;
        border-bottom: 5/40rem solid #3B9CE0;
        padding-top: 46/40rem;
        p {
            margin: 0;
        }
        div:nth-child(1) {
            width: 100/40rem;
            height: 89/40rem;
            margin: 0 auto;
            img {
                width: 100%;
                height: 100%;
            }
        }
        div:nth-child(2) {
            display: flex;
            justify-content: center;
            margin: 10/40rem;
            p {
                display: block;
                width: 29/40rem;
                height: 28/40rem;
                margin: 0 10/40rem;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        div:nth-child(3) {
            text-align: center;
            p {
                font-size: 24/40rem;
                color: #797D92;
                span {
                    font-size: 26/40rem;
                    color: #FFFFFF;
                }
            }
        }
        div:nth-child(4) {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 14/40rem;
            p {
                font-size: 24/40rem;
                color: #7E8691;
                span {
                    font-size: 26/40rem;
                    color: #FFFFFF;
                    margin-left: 15/40rem;
                }
            }
            p.line {
                width: 2/40rem;
                height: 30/40rem;
                background: #6F7389;
                margin: 0 100/40rem;
            }
        }
    }
    //定级后结束
}
